//组织管理
<template>

    <div class="organization-manage">

        <div class="select">
            <l-organization-select :companys='companys' :personalList='personalList'>
            </l-organization-select>
        </div>

        <transition name="right-to-left">
            <div class="form" v-show='foldingLayerState'>
                <l-form-container :componentConf='currentLoadForm' :controlBtns='currentLoadFormBtns'></l-form-container>
            </div>
        </transition>
        
    </div>
    
</template>

<script lang='ts'>
import { Component, Vue } from 'vue-property-decorator'
import {mapState, mapGetters} from 'vuex'

const formContainer = () => import('@/components/ivew_components/form_container/index.vue');
const organizationSelet = () => import('@/components/ivew_components/organization_select/index.vue')


@Component({

    computed: {

        ...mapState('organizationStore', ['personalList', 'currentLoadForm', 'currentLoadFormBtns', 'companys']),
        ...mapGetters('organizationStore', ['foldingLayerState']),
    },
    
    components: {
       
        'l-organization-select': organizationSelet,
        'l-form-container': formContainer,
    }
})
export default class organizationManage extends Vue{
    name:string = 'organizationManage'
    personalList:any[]
    companys:any[]
    currentLoadFormBtns: commonInf.funBlockConf[]
    foldingLayerState: boolean
  

}

</script>

<style scoped lang='scss'>

.organization-manage{
    
    box-sizing: border-box;
    padding: _intervals(2) _intervals();
    position: relative;
    height: 100%;

    .select{
        padding: _intervals(2) _intervals() _intervals();
        border-radius: $border_radius;
        box-shadow: $default_shadow;
        background: #fff;
    }

    .form{
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;

        margin: auto;
        width: _rem(660px);
        background: $default_bg;
        box-shadow: $default_shadow;
        font-size: $font_small;
        z-index: 10;
    }
}

</style>